<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>jquery.tabs</title>
<link rel="stylesheet" type="text/css" href="../themes/default/tabs.css" />
<link rel="stylesheet" type="text/css" href="../themes/icon.css" />
<script type="text/javascript" src="../jquery-1.10.2.js">
</script>
<script type="text/javascript" src="../src/jquery.parser.js">
</script>
<script type="text/javascript" src="../src/jquery.tabs.js">
</script>
</head>
<body>
<div id="tt" class="xui-tabs" style="width:500px;height:250px;">
  <div title="Tab1" style="padding:20px;display:none;">
    tab1
  </div>
  <div title="Tab2" data-options="closable:true" style="overflow:auto;padding:20px;display:none;">
    tab2
  </div>
  <div title="Tab3" data-options="iconCls:'icon-reload',closable:true" style="padding:20px;display:none;">
    tab3
  </div>
</div>
<script>
$('#tt').tabs({
    onSelect:function(title){   
//        alert(title+' is selected');
    }
});  
</script>
</body>
</html>
